import { defineStore } from 'pinia';
import { ref, computed } from 'vue';
import { useUserStore } from './userStore.ts';
import { insertCartAPI, findNewCartListAPI, delCartAPI } from '@/apis/cart.ts';

export const useCartStore = defineStore(
  'cart',
  () => {
    // 引入用户信息
    const userStore = useUserStore();
    // 判断是否登录
    const isLogin = computed(() => {
      return userStore.userInfo.token;
    });

    // 准备响应式数据
    const cartList = ref([]);

    // 获取最新的购物车列表
    const updateNewList = async () => {
      //调用获取购物车列表接口
      const res = await findNewCartListAPI();
      //覆盖本地购物车
      cartList.value = res.data.result;
    };

    const addCart = async (goods) => {
      //解构出来
      const { skuId, count } = goods;
      // 登录
      if (isLogin.value) {
        //登录状态下
        //调用加入购物车接口
        await insertCartAPI({ skuId, count });
        // 获取最新的购物车列表
        updateNewList();
      } else {
        // 添加购物车操作
        // 已添加过 - count + 1
        // 没有添加过 - 直接push
        // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
        const item = cartList.value.find((g) => goods.skuId === g.skuId);
        console.log('goods:=', goods);
        console.log('item:=', item);
        if (item) {
          // 找到了
          item.count++;
        } else {
          // 没找到
          cartList.value.push(goods);
        }
      }
    };

    // 删除购物车
    const delCart = async (skuId) => {
      if (isLogin.value) {
        // 调用接口实现接口购物车中的删除功能
        await delCartAPI([skuId]);
        // 获取最新的购物车列表
        updateNewList();
      } else {
        // 思路：
        // 1. 找到要删除项的下标值 - splice
        // 2. 使用数组的过滤方法 - filter
        const idx = cartList.value.findIndex((item) => skuId === item.skuId);
        cartList.value.splice(idx, 1);
      }
    };

    //计算购物车件数和总价格
    //总数
    const allCount = computed(() =>
      cartList.value.reduce((a, c) => a + c.count, 0),
    );
    //总价
    const allPrice = computed(() =>
      cartList.value.reduce((a, c) => a + c.count * c.price, 0),
    );

    // 单选功能
    const singleCheck = (skuId, selected) => {
      // 通过skuId找到要修改的那一项 然后把它的selected修改为传过来的selected
      const item = cartList.value.find((item) => item.skuId === skuId);
      item.selected = selected;
    };
    // 全选功能action
    const allCheck = (selected) => {
      // 把cartList中的每一项的selected都设置为当前的全选框状态
      cartList.value.forEach((item) => (item.selected = selected));
    };
    // 是否全选
    const isAll = computed(() => {
      return cartList.value.every((i) => i.selected);
    });

    // 全选功能
    const selectedAll = (selected) => {
      cartList.value.forEach((element) => {
        element.selected = selected;
      });
      // // 通过skuId找到要修改的那一项 然后把它的selected修改为传过来的selected
      // const item = cartList.value.find((item) => item.skuId === skuId)
      // item.selected = selected
    };
    //   计算已选择数量
    const selectedCount = computed(() => {
      const items = cartList.value.filter((item) => item.selected);
      console.log(items);
      return items.reduce((a, c) => a + c.count, 0);
    });
    //   计算已选择商品价格
    const selectedPrice = computed(() => {
      const items = cartList.value.filter((item) => item.selected);
      return items.reduce((a, c) => a + c.count * c.price, 0);
    });
    //清空购物车
    const clearCart = () => {
      cartList.value = [];
    };

    return {
      cartList,
      allCount,
      allPrice,
      isAll,
      selectedCount,
      selectedPrice,
      addCart,
      delCart,
      singleCheck,
      allCheck,
      selectedAll,
      clearCart,
      updateNewList,
    };
  },
  {
    persist: true,
  },
);
